<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>container</title>
    <link rel="stylesheet" href="css/index.css">
    <script src="js/vue.js"></script>
    <script src="js/index.js"></script>

</head>
<body>


    <div id="app">
        <template>
            <el-button :plain="true" @click="open2">成功</el-button>
            <el-button :plain="true" @click="open3">警告</el-button>
            <el-button :plain="true" @click="open1">消息</el-button>
            <el-button :plain="true" @click="open4">错误</el-button>
        </template>
    </div>

    <script>
        new Vue({
            el:"#app",
            methods:{
                open1(){
                    this.$message("sss")
                },
                open2(){
                    this.$message.success("这是一条成功提示")
                },
                open3(){
                    this.$message({
                        message:"warning",
                        type:"warning"
                    })
                },
                open4(){
                    this.$message.error("错了")
                }
            }
        })
    </script>
</body>
</html>